﻿@charset "utf-8";
/* CSS Document */

body { padding:0; margin:0; font-family:"微软雅黑"; font-size:12px;background-attachment:fixed; background-color:#f1f1f3; color:#000000; }
body,html{-webkit-text-size-adjust:none;}
.clear { clear:both}
a{ color:#333333;text-decoration:none;}
a:hover{color:#0b409c;}
a.imagehover:hover img{ opacity:0.65;}
li,ul,dl{ list-style:none; margin:0; padding:0;}
img {border:none;vertical-align: middle;}
span{ margin:0px; padding:0px;}
p{ margin:0; padding:0;}
#wrap {width:1100px; margin:0 auto;}
.ahover a{ color:#ffffff;}
.ahover a:hover{ color:#356dc5;}

#top{ height:80px;    background-color: #ffffff;}
.logo{ float:left; padding:13px 0;}
.top_right{ float:right;   padding: 30px 0 0 0;}
.banner{ z-index:0}
.lan{ float:left;color:#777777;padding: 5px 20px;}
.lan a{ color:#777777;}
.lan a:hover{ color:#0b409c;  }
.lan span{padding:0 10px}
.search{ float:left; height:36px; width:177px; margin:-4px 0 0 0; background:url(../images/search.jpg)}
.ibanner{ height:470;}
.icon1{ width:25px; height:37px; border:none; background:none; cursor:pointer;}
.txt{ height:25px; background:#fff; border:none;padding: 0 0 0 10px;width: 120px; margin: 5px 0 0 10px;}

/*首页公司简介*/
#imain{ margin:-65px 0 0;position: relative;}
.imain_01{ background-color:#ffffff; padding:30px 40px 10px; border:1px solid #e5e4e6;}
.iabout{ float:left;width:398px;}
.iabout_tit{ background:url(../images/iabout_tit_bg.jpg) no-repeat left bottom; color:#0b409c; font-size:16px; height:35px; }
.imore{ float:right; font-size:12px;}
.imore a{ color:#999999}
.imore a:hover{ color:#0b409c}


/*首页新闻*/
.inews{float:right;width:566px;}
.inews_tit{ background:url(../images/inews_tit_bg.jpg) no-repeat left bottom; color:#0b409c; font-size:16px; height:35px; }
.xw-lb{ margin:23px 0; border-top:1px dashed #b2b2b2;    padding: 15px 0 0;}
.xw-lb ul li{ background:url(../images/inews_ico.jpg) no-repeat left center; line-height:30px;}
.xw-lb ul li a{ color:#666666; padding:0 15px 0;}
.xw-lb ul li a:hover{ color:#0b409c;}
.xw-lb ul li span{ float:right; color:#999999;}

/*首页产品*/
.ipro_tit{ color:#0b409c; font-size:16px; font-weight:bold; padding:15px 5px;}

/*首页合作伙伴*/
.ilink{ background-color:#ffffff; margin:35px 0 0 ; padding:0 0 25px; }
.ilink span{color:#0b409c; font-size:16px; float:left; font-weight:bold;}

/*底部*/
#foot{ background-color:#535353; color:#f3f3f3;}
.foot_01{ float:left;    padding: 53px 0 0;}
.foot_02{ float:left;padding: 48px 40px 0;    line-height: 24px;}
.foot_03{ float:left;    padding: 30px 0 0;}
.foot_04{ margin:25px 0 0; border-top:1px solid #656565; line-height:40px;}
.foot_04 a{ color:#f3f3f3}
.foot_04 a:hover{ color:#366ece}
.foot_04 span{ float:right;}


/*内页*/
.title{ height:70px; background-color:#ffffff; border-bottom:1px solid #e2e2e2;line-height: 70px;}
.tit{ float:left; color:#0b409c; font-weight:bold; font-size:24px;}
.tit_span{ color:#999999; padding:0 10px }
.path{ float:right;color:#999999; }
.path a{ color:#999999; font-size:12px; padding:0 10px;}
.path a:hover{ color:#0b419d; }
.content1{ background: #f4f4f4 url(../images/main_bg.jpg) no-repeat center top;}
.nnav{ height:35px;padding:40px 0 20px;}
.nnav ul li{    margin-bottom: 10px;float:left; height:50px; line-height:50px; background-color:#ffffff; border:1px solid #d6d6d6; margin-right:10px;  text-align: center;}
.nnav ul li a{ font-size:13px; height:50px; line-height:50px;color:#0B409C;;display:block;padding:0 29px;}
.nnav ul li a:hover{ height:50px; line-height:50px; color:#fff; background-color:#0b409c;padding:0 29px;display:block;}
.nnav ul li .sel{ height:50px; line-height:50px; color:#fff; background-color:#0b409c;padding:0 30px;display:block;}
.neirong{ margin:37px 0 60px; font-size:14px; background-color:#ffffff; padding:65px 50px; color:#000000; line-height:24px;}


/*新闻*/
.news_tit{ float:left;}
.news_time{ float:right;}
.news_more{ height:30px; line-height:30px; width:85px; text-align:center; border:1px solid #d2d2d2;}
.news_more a{ color:#6a6a6a;}
.news_more a:hover{ color:#0b409c;}
.news_firstinfo{ margin-bottom:20px; }
.news_first{ height:147px; margin-bottom:22px;border-bottom:1px dashed #cdcdcd; padding:10px 0 30px;}
.news_first img{ float:left;}
.news_first .news_first_content{float: left;padding-left: 30px; width:755px;padding-top:10px;}
.news_first .news_first_content a{ color:#333333; font-size:14px; }
.news_first .news_first_content a:hover{ color:#232c97;}
.news{ padding:30px 40px 30px 30px; font-size:12px; border-bottom:1px solid #CCCCCC;margin:37px 0 60px; font-size:12px; background-color:#ffffff; }
.news_detail {padding:5px;}
.news_detail h1 {font-size:15px;color:#232c97;text-align:center;line-height:33px;padding-bottom: 10px}
.news_detail .time {text-align:center;color:#999;border-bottom:1px dashed #c1c1c1;margin: 0 0 10px; padding-bottom:5px;font-size: 12px;}
.Ncontent{ padding-top:10px; padding-left:10px; color:#595959; font-size:12px; line-height:24px;}
.prev1{margin-top:30px; padding-bottom:50px;  border-top: 1px solid #e9e9e9; padding-top: 20px;}
.prev1 .list{ float:left; color:#002dba; font-size:14px;}
.prev2{ padding:0 0 20px 0;}
.prev a{ background:url(../images/prev_ico.jpg) no-repeat left center; padding-left:30px;color:#333333; font-weight:normal; font-size:12px;}
.prev a:hover{background:url(../images/prev_hover.jpg) no-repeat left center; padding-left:30px; color:#002dba;font-weight:normal;font-size:12px;}
.next a{ background:url(../images/next_ico.jpg) no-repeat left center; padding-left:30px;color:#333333; font-weight:normal; font-size:12px;}
.next a:hover{background:url(../images/next_hover.jpg) no-repeat left center; padding-left:30px; color:#002dba;font-weight:normal;font-size:12px;}
.prev1 .list img{ background:}
.prev1 .prev_fh{ float:right;}
.prev1 .prev_fh img{ }


/*products*/

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0); } }
.y_fd { -webkit-animation: fadeInDown 1s .2s ease both; -moz-animation: fadeInDown 1s .2s ease both; animation: fadeInDown 1s .2s ease both; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0); } }
.y_fu { -webkit-animation: fadeInUp 1s .2s ease both; -moz-animation: fadeInUp 1s .2s ease both; animation: fadeInUp 1s .2s ease both; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); } }
.webkit_fu { -webkit-animation: fadeInUp 1s .2s ease both; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }


.caseList { padding-top: 5px; min-height: 200px; *padding-bottom: 25px; }
.caseList li { float: left; margin: 0 15px 25px; width:310px; -webkit-opacity: 0; border:1px solid #e0e0e0; }
.caseList li a { display: block; width: 310px; }
.caseList li a:hover p { color: #fff; font-size:14px; }
.caseList li a:hover img{ opacity:0.65;}
.caseList li a:hover .pro_title{ background:#0b409c}


.caseList li:hover{border:1px solid #0b409b;}
.caseList li .img { position: relative; width: 261px; height:140px; overflow: hidden; padding:20px; }
.caseList li .img img { width: 261px; height: 140px; }
.caseList li .img i { position: absolute; display: block; top: -60px; left: 50%; margin-left: -23px; width: 56px; height: 56px; background: url(../images/tit3.png) no-repeat; z-index: 50; }
.caseList li .img b { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/bgs/nblue30.png); -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); }
.pro_title { height:40px;text-align:center; border-top:1px solid #e0e0e0;padding:10px 0 0; background:#f7f7f7; }
.pro_title p { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color:#0B409C; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all;font-size:14px; }
.pro_title .pro_line{height:2px; width:26px; background-color:#e9e9e9;  margin-left: 142px;}

.caseSlide { margin: 25px auto 5px; width: 670px; height: 393px; background: #e1eefe; }
.caseSlide .bd { float: left; width: 436px; height: 393px; overflow: hidden; }
.caseSlide .sImg { float: right; margin-right: 50px; width: 130px; }
.caseSlide .sImg a { display: block; margin: 5px 0; width: 130px; height: 10px; background-repeat: no-repeat; background-position: center; }
.caseSlide .sImg a.sPrev { background-image: url(../images/arrow2.png); }
.caseSlide .sImg a.sNext { background-image: url(../images/arrow3.png); }
.caseSlide .shd { height: 354px; }
.caseSlide .shd li { width: 122px; height: 110px; border: 4px solid #e1eefe; cursor: pointer; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseSlide .shd li img { width: 122px; height: 110px; }
.caseSlide .shd li.on { border-color: #74a1df; }

.caseInfo { margin: 0 auto 25px; padding: 13px 20px; width: 630px; background: #8eacd5; color: #fff; line-height: 26px; font-size: 14px; }
.caseInfo h5 { font-size: 18px; font-weight: bold; margin-bottom:10px; }































